/* CSS RESET */
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;font-variant:normal;}sup {vertical-align:text-top;}sub {vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}

body {font:13px/1.231 arial,helvetica,clean,sans-serif;}table{font-size:inherit;font-size:100%;}pre,code,kbd,samp,tt{font-family:monospace;line-height:100%;}
/* CSS RESET */


body {
	text-align:center;
	color:#000;
}
a {
	text-decoration:none;
	color:#9b3535; 
}

#wrap {
	width:900px;
	text-align:left;
	margin:0 auto;
background:url(images/bg.jpg); 
}

.fl{ float:right}
.fr{ 
width:700px;
float:left;

}
.clearfix{ clear:both}


/* header */
#header { position:relative;height:111px;  background:url(images/hd.jpg);  }
.hd_img {
	float:center;
	
}

#logo {position:absolute; top:30px; left:80px}
#logo h1 {
	font-size:34px;
	color: #9B3535
}
#logo div {
	padding-left:100px
}
#nav 
{ position:absolute; 
top:35px; left:500px; 
font-size:14px;
background:url(images/nav.jpg); 
width:451px;
height:40px; 
padding:0 0 0 0 }

/* content */

#content
{
margin:20px 60px 20px 60px;
padding:0 10px 0 10px;		
}

.img { margin:0px 0  0 70px }
.main {width:560px; background:url(images/box.jpg); color:#000;}
#text {width:560px;margin:0 0 0 0 }
#text h2 {
font-size:20px; 
padding:0 0 0 0;
margin:0 0 10px 0;
border-bottom:2px solid #ed8a8b;
}
#text h3 {
font-size:16px; 
padding:0 0 0 0;
margin:0 0 10px 0;
color:#892e2f;
}

#text h3 a:hover {
color:#fdd101;
}

#text h4 {
font-size:14px; 
padding:0 0 0 0;
margin:0 0 10px 0;
}
#text p {margin-bottom:5px;line-height:1.30em;}
#text strong{
font-weight: bold;
}
#text img {margin:0px 10px 0px 0;float:left;}
#gal {
float:left;
padding: 10px 10px 10px 20px;
border:1px solid #d98e8f;
-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
ul#gallery {list-style-type:none; margin:0; padding:0;}
ul#gallery li {float:left; margin:10px 5px 10px 5px;}
ul#gallery li a img {
width:150px; 
height:150px;
border:3px solid #ccc;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 1px 1px 3px #292929;  
-moz-box-shadow: 1px 1px 3px #292929;  
box-shadow: 1px 1px 3px #292929;   
}
ul#gallery li a img:hover{
	border:3px solid #ecebeb;
	}
.inside_text
{
	
	border:1px solid #d98e8f;
	padding:10px 10px 10px 10px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
.inside_text a:hover
{
	color:#fdd101;
}
.gbr
{
	float:left;
	margin-right:400px;
	margin-bottom:10px;
	
}

#col {margin:30px 0  10px 65px ;width:300px; background:url(images/col.jpg); width: 419px; height:161px ; }

#col div {width: 150px; margin: 20px 0 0  10px; display:inline}
#col .first  {margin: 20px 30px 0 20px;}
#col li{line-height:20px; list-style:inside disc;color:#9b3535;}
#col a { color:#9b3535; text-decoration:underline;}
.list {
	margin:0 0 0 0;
	color:#9b3535;
	font-weight:bold
}
.list a:hover {
	text-decoration:none;
	color:#9b3535;
}
.side { width:170px;display: inline;margin:0px 20px 0px 0px}
.side h2 {font-size:22px}
.side li {background-color:#fdf7f7;
	margin:0 0 5px 0;
	padding:8px 8px 8px 8px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	 -webkit-box-shadow: 1px 1px 3px #292929;  
	 -moz-box-shadow: 1px 1px 3px #292929;  
	 box-shadow: 1px 1px 3px #292929; }
.side li:hover{background-color:#FFCB2D;cursor:pointer; }
.side ul {margin:20px  0 30px 60px}



#top {margin-top:20px}
/* footer */
#footer { background:url(images/ft.jpg); height:100px; position:relative}
#ftinner{ position:absolute; bottom:20px; width:680px; margin-left:80px; color:#E98383}
#ftinner a {color:#FFFFFF}
.ftlink {width:500px;}
/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {
	margin:			0;
	padding:		0px;
	list-style:		none;
}
.sf-menu {
	line-height:	1.0;
	padding:		0px 0px 0px 0px;
}
.sf-menu ul {
	position:		absolute;
	top:			-999em;
	width:			12em; /* left offset of submenus need to match (see below) */
}
.sf-menu ul li {
	width:			100%;
}
.sf-menu li:hover {
	visibility:		inherit; /* fixes IE7 'sticky bug' */
}
.sf-menu li {
	float:			left;
	position:		relative;
}
.sf-menu a {
	display:		block;
	position:		relative;
}
.sf-menu li:hover ul,
.sf-menu li.sfHover ul {
	left:			0;
	top:			2.15em; /* match top ul list item height */
	z-index:		99;
}
ul.sf-menu li:hover li ul,
ul.sf-menu li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li:hover ul,
ul.sf-menu li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}
ul.sf-menu li li:hover li ul,
ul.sf-menu li li.sfHover li ul {
	top:			-999em;
}
ul.sf-menu li li li:hover ul,
ul.sf-menu li li li.sfHover ul {
	left:			12em; /* match ul width */
	top:			0;
}

/*** DEMO SKIN ***/
.sf-menu {
	float:			left;
	margin-bottom:	1em;
}
.sf-menu a {
	padding: 		.58em 1.2em;
	
}
.sf-menu a, .sf-menu a:visited  { /* visited pseudo selector so IE6 applies text colour*/
	color:#fff;
	text-decoration:none;
}
.sf-menu li {
	background:none;
	
}
.sf-menu li li {
	background: url(images/subnav1bg.png);
	width:130px
}
.sf-menu li li li {
	background: url(images/subnav1bg.png);
}
.sf-menu li:hover, .sf-menu li.sfHover,
.sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active {
	color:#fff;
	background:		#892e2f;
	outline:		0;
}

/*** arrows **/
.sf-menu a.sf-with-ul {
	padding-right: 	2.25em;
	min-width:		1px; /* trigger IE7 hasLayout so spans position accurately */
}
.sf-sub-indicator {
	position:		absolute;
	display:		block;
	right:			.75em;
	top:			1.05em; /* IE6 only */
	width:			10px;
	height:			10px;
	text-indent: 	-999em;
	overflow:		hidden;
	background:		url(images/arrows-ffffff.png) no-repeat -10px -100px; /* 8-bit indexed alpha png. IE6 gets solid image only */
}
a > .sf-sub-indicator {  /* give all except IE6 the correct values */
	top:			.8em;
	background-position: 0 -100px; /* use translucent arrow for modern browsers*/
}
/* apply hovers to modern browsers */
a:focus > .sf-sub-indicator,
a:hover > .sf-sub-indicator,
a:active > .sf-sub-indicator,
li:hover > a > .sf-sub-indicator,
li.sfHover > a > .sf-sub-indicator {
	background-position: -10px -100px; /* arrow hovers for modern browsers*/
}

/* point right for anchors in subs */
.sf-menu ul .sf-sub-indicator { background-position:  -10px 0; }
.sf-menu ul a > .sf-sub-indicator { background-position:  0 0; }
/* apply hovers to modern browsers */
.sf-menu ul a:focus > .sf-sub-indicator,
.sf-menu ul a:hover > .sf-sub-indicator,
.sf-menu ul a:active > .sf-sub-indicator,
.sf-menu ul li:hover > a > .sf-sub-indicator,
.sf-menu ul li.sfHover > a > .sf-sub-indicator {
	background-position: -10px 0; /* arrow hovers for modern browsers*/
}

/*** shadows for all but IE6 ***/
.sf-shadow ul {
	background:	url(images/shadow.png) no-repeat bottom right;
	padding: 0 8px 9px 0;
	-moz-border-radius-bottomleft: 17px;
	-moz-border-radius-topright: 17px;
	-webkit-border-top-right-radius: 17px;
	-webkit-border-bottom-left-radius: 17px;
}
.sf-shadow ul.sf-shadow-off {
	background: transparent;
}



/* forms.css */
label{
	font-weight:bold;
	display:block;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
fieldset{
	padding:0.5em; 
	margin:0 0 1.0em 0; 
	border:1px solid #d98e8f;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
.comment {
	margin:0 0 0 0;
	color:#9b3535;
}
infieldset{padding:1.0em; margin:0 0 1.0em 0; border:1px solid #0c4c01}
legend{font-weight:bold; font-size:1.2em}
input[type=text], input[type=password], input.text, input.title, textarea, select{
	background-color:#fff; 
	border:1px solid #bbb;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	}
input[type=text]:focus, input[type=password]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus{
	border-color:#d98e8f;
	background-color:#fdf7f7; 
	}
input[type=text], input[type=password], input.text, input.title, textarea, select{
	margin:0.5em 0
	}
input[type = button], input[type = reset], input[type = submit], button{ 
	padding:2px 5px; 
	text-decoration:none; 
	padding:2px 8px !important; 
	cursor:pointer; 
	text-shadow:rgba(255,255,255,1) 0 1px 0
	}

input.text, input.title{width:300px; padding:5px}
input.title{font-size:1.5em}
textarea{width:390px; height:100px; padding:5px}
input[type=checkbox], input[type=radio], input.checkbox, input.radio{position:relative;}
form.inline{line-height:3}
form.inline p{margin-bottom:0}
.error, .notice, .success{padding:.8em; margin-bottom:1em; border:2px solid #ddd}
.error{background:#c2ddf7; height: 20px; width: 290px; font-weight: bold; color:#0156a7; border-color:#399bf8}
.notice{background:#c2ddf7; height: 20px; width: 290px;font-weight: bold; color:#0156a7; border-color:#399bf8}
.success{background:#c2ddf7; height: 20px; width: 290px;font-weight: bold; color:#0156a7; border-color:#399bf8}
.error a{color:#c2ddf7}
.notice a{color:#c2ddf7}
.success a{color:#c2ddf7}

#btn{
	padding:0 4px;
	margin-left:150px;
}

#btn_bottom{
	padding:0 4px;
	width:500px;
}

.submit{
	padding:0px 0px 3px 0px;
	border:#666 solid 1px;
	min-height:25px;
	min-width:70px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	
}
.submit:hover{
	border:#666 solid 1px;
	background:#fbe104;
	text-decoration:none;
}

/*table*/
.inside_text table{
	font-size:90%;
}

.inside_text table th{
	text-transform:uppercase;
	font-weight:bold;
	background:#ed8a8b;
	color:#fff;
}

.inside_text table td, table th {
	text-align:left;
	padding:4px 10px 4px 10px;
}

.zebra {
	background:#fdf3f3;
}
